<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta charset='utf-8'>
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<title>艺术家详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/page.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/base.css" />
		<script src="${pageContext.request.contextPath }/js/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.SuperSlide.2.1.js"></script>
	</head>

	<body>
		<jsp:include page="header.jsp"/>
		<!--navbar star-->
		<div class="navbar clearfix">
			<div class="content clearfix">
				<ul>
					<li class="cur"><a href="${pageContext.request.contextPath }/index.jsp">首页</a></li>
					<li><a href="${pageContext.request.contextPath }/special.jsp">专场</a></li>
					<li><a href="${pageContext.request.contextPath }/mall.jsp">商城</a></li>
					<li><a href="${pageContext.request.contextPath }/artist.jsp">艺术家</a></li>
				</ul>
			</div>
		</div>
		<!--navbar end-->
		<!--mall star-->
		<div class="mall clearfix">
			<!--sorts star-->
			<div class="sorts clearfix">
				<div class="content clearfix">
					<div class="top clearfix box-s">
						您的位置：<a href="${pageContext.request.contextPath }/artist.jsp">艺术家</a>&nbsp;&gt;&nbsp;孙瑾晨
					</div>					
				</div>
			</div>
			<!--sorts end-->
			
			<!--artist-detail star-->
			<div class="adetail clearfix">
				<div class="adetails clearfix box-s">
					<div class="top clearfix">
						<div class="left clearfix fl box-s">
							<div class="tu clearfix">
								<img src="${pageContext.request.contextPath }/upload/8.jpg"/>
								<span></span>
							</div>
							<div class="xia clearfix">
								<ul>
									<li class="box-s">
										<p>600</p>
										<span>访问量</span>
									</li>
									<li class="box-s">
										<p>100</p>
										<span>作品</span>
									</li>
									<li class="last box-s">
										<p>600</p>
										<span>粉丝</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="right clearfix fr">
							<div class="shang clearfix">
								<span class="fl">孙瑾晨</span>
								<a href="#" class="fr ra3 transition">关注+</a>
								<!--下面注释内容为已关注状态样式-->
								<!--<a href="#" class="fr ra3 transition cur">取消关注</a>-->
							</div>
							<div class="ctentheight clearfix" id="main2">	
								<span class="more-button">展开</span>
								<div class="zhong clearfix">
									<p>基本信息：</p>
									<ul>
										<li>中国 江苏省</li>
										<li>南京师范大学美术系</li>
										<li>1962年出生于上海</li>
										<li>1990年毕业于南京师范大学美术系</li>
										<li>现生活、工作于上海及北京</li>
									</ul>
								</div>
								<div class="zhong clearfix">
									<p>个人展览：</p>
									<ul>
										<li>2012金锋个展：“点石斋”丨天仁合艺艺术中心丨杭州</li>
										<li>2011“上海艺术博览会国际当代艺术展”丨上海展览中心展厅丨艺术通道丨上海</li>
										<li>2011“修辞”丨艺术通道丨北京</li>
										<li>2008“问题现场-金锋个案”丨上海证大现代艺术馆</li>
										<li>2007“金锋个展-骂艺术”丨比翼艺术中心丨上海</li>
										<li>2006“金锋个展”丨2577创艺大院丨上海</li>
										<li>2003“金锋作品展”丨汉雅轩丨香港</li>
										<li>2002“金锋个人作品展”丨莫斯科艺术中心丨莫斯科</li>
									</ul>
								</div>
								<div class="zhong clearfix zhonglast">
									<p>群体展览：</p>
									<ul>
										<li>2012金锋个展：“点石斋”丨天仁合艺艺术中心丨杭州</li>
										<li>2011“上海艺术博览会国际当代艺术展”丨上海展览中心展厅丨艺术通道丨上海</li>
										<li>2011“修辞”丨艺术通道丨北京</li>
										<li>2008“问题现场-金锋个案”丨上海证大现代艺术馆</li>
										<li>2007“金锋个展-骂艺术”丨比翼艺术中心丨上海</li>
										<li>2006“金锋个展”丨2577创艺大院丨上海</li>
										<li>2003“金锋作品展”丨汉雅轩丨香港</li>
										<li>2002“金锋个人作品展”丨莫斯科艺术中心丨莫斯科</li>
										<li>2012金锋个展：“点石斋”丨天仁合艺艺术中心丨杭州</li>
										<li>2011“上海艺术博览会国际当代艺术展”丨上海展览中心展厅丨艺术通道丨上海</li>
										<li>2011“修辞”丨艺术通道丨北京</li>
										<li>2008“问题现场-金锋个案”丨上海证大现代艺术馆</li>
										<li>2007“金锋个展-骂艺术”丨比翼艺术中心丨上海</li>
										<li>2006“金锋个展”丨2577创艺大院丨上海</li>
										<li>2003“金锋作品展”丨汉雅轩丨香港</li>
										<li>2002“金锋个人作品展”丨莫斯科艺术中心丨莫斯科</li>
										<li>2012金锋个展：“点石斋”丨天仁合艺艺术中心丨杭州</li>
										<li>2011“上海艺术博览会国际当代艺术展”丨上海展览中心展厅丨艺术通道丨上海</li>
										<li>2011“修辞”丨艺术通道丨北京</li>
										<li>2008“问题现场-金锋个案”丨上海证大现代艺术馆</li>
										<li>2007“金锋个展-骂艺术”丨比翼艺术中心丨上海</li>
										<li>2006“金锋个展”丨2577创艺大院丨上海</li>
										<li>2003“金锋作品展”丨汉雅轩丨香港</li>
										<li>2002“金锋个人作品展”丨莫斯科艺术中心丨莫斯科</li>
									</ul>
								</div>
							</div>							
						</div>
					</div>
					<div class="bottom clearfix box-s">
						<div class="shang clearfix box-s">
							<span>相关作品</span>
						</div>
						<div class="xia clearfix">
							<div class="list clearfix box-s fl">
								<a href="${pageContext.request.contextPath }/pro_detail.jsp">
									<div class="main_img">
										<em></em>
										<img src="${pageContext.request.contextPath }/upload/9.jpg">
										<div class="show" title="梅花三弄梅花三弄">
											<span class="imgArea">
												<samp title="梅花三弄梅花三弄" class="over">梅花三弄梅花三弄</samp>
											</span>
										</div>
									</div>
								</a>
							</div>
							<div class="list clearfix box-s fl">
								<a href="${pageContext.request.contextPath }/pro_detail.jsp">
									<div class="main_img">
										<em></em>
										<img src="${pageContext.request.contextPath }/upload/9.jpg">
										<div class="show" title="梅花三弄梅花三弄">
											<span class="imgArea">
												<samp title="梅花三弄梅花三弄" class="over">梅花三弄梅花三弄</samp>
											</span>
										</div>
									</div>
								</a>
							</div>
							<div class="list clearfix box-s fl">
								<a href="${pageContext.request.contextPath }/pro_detail.jsp">
									<div class="main_img">
										<em></em>
										<img src="${pageContext.request.contextPath }/upload/9.jpg">
										<div class="show" title="梅花三弄梅花三弄">
											<span class="imgArea">
												<samp title="梅花三弄梅花三弄" class="over">梅花三弄梅花三弄梅花三弄梅花三弄</samp>
											</span>
										</div>
									</div>
								</a>
							</div>
							<div class="list clearfix box-s fl">
								<a href="${pageContext.request.contextPath }/pro_detail.jsp">
									<div class="main_img">
										<em></em>
										<img src="${pageContext.request.contextPath }/upload/9.jpg">
										<div class="show" title="梅花三弄梅花三弄">
											<span class="imgArea">
												<samp title="梅花三弄梅花三弄" class="over">梅花三弄梅花三弄</samp>
											</span>
										</div>
									</div>
								</a>
							</div>
							<div class="list clearfix box-s fl">
								<a href="${pageContext.request.contextPath }/pro_detail.jsp">
									<div class="main_img">
										<em></em>
										<img src="${pageContext.request.contextPath }/upload/9.jpg">
										<div class="show" title="梅花三弄梅花三弄">
											<span class="imgArea">
												<samp title="梅花三弄梅花三弄" class="over">梅花三弄梅花三弄</samp>
											</span>
										</div>
									</div>
								</a>
							</div>
							<div class="list clearfix box-s fl">
								<a href="${pageContext.request.contextPath }/pro_detail.jsp">
									<div class="main_img">
										<em></em>
										<img src="${pageContext.request.contextPath }/upload/9.jpg">
										<div class="show" title="梅花三弄梅花三弄">
											<span class="imgArea">
												<samp title="梅花三弄梅花三弄" class="over">梅花三弄梅花三弄</samp>
											</span>
										</div>
									</div>
								</a>
							</div>
							<div class="list clearfix box-s fl">
								<a href="${pageContext.request.contextPath }/pro_detail.jsp">
									<div class="main_img">
										<em></em>
										<img src="${pageContext.request.contextPath }/upload/9.jpg">
										<div class="show" title="梅花三弄梅花三弄">
											<span class="imgArea">
												<samp title="梅花三弄梅花三弄" class="over">梅花三弄梅花三弄</samp>
											</span>
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--artist-detail end-->
			
		</div>
		<!--mall end-->
		<jsp:include page="footer.jsp"/>
	</body>
	<script type="text/javascript">
		$('.listed .list ul li,.listed .ywlist ul li').each(function() {
			$(this).click(function() {
				$(this).siblings("li").removeClass("cur");
				$(this).addClass("cur");
			});
		});	
	</script>
	<script type="text/javascript">
		$(document).ready(function(){
			var data = '0';
			$('.more-button').click(function(){
				
				if(data == 0){
					$('.ctentheight').height('auto');
					$('.more-button').html('折叠');
					data = 1;
					return false;
				}
				if(data == 1){
					$('.ctentheight').height('490px');
					$('.more-button').html('展开');
					data = 0;
					return false;
				}
				
		
			})
		})
		$('.more-button').click(function(){
			$(this).toggleClass('more-buttontwo')
		});
	</script>
	<script src="js/other.js" type="text/javascript" ></script>
</html>